::-webkit-input-placeholder 
  color #5cdcf1
.m-wrap
  width 100%
  min-height 100%
  background url("../image/login-bg.png") no-repeat
  background-size cover
  padding 1px
  box-sizing border-box
  .logo
    width 146px
    height 160px
    background url("../image/logo.png") no-repeat
    background-size 100%
    margin 0 auto
    margin-top 77px
  .title
    font-family 'MicrosoftYaHeiLight'
    font-size 52px
    line-height 14px
    letter-spacing 2.6px
    color #79fdf8
    text-align center
    margin-top 41px
  input
    display block
    margin 0 auto
    width 966px
    height 130px
    background-color rgba(99, 235, 255, 0.1)
    text-indent 132px
    font-size 54px
    line-height 130px
    letter-spacing 2.7px
    color #5cdcf1
    border solid 1px rgba(99, 235, 255, 1)
    &.user
      border-bottom 1px solid #fff
      background-image url("../image/lock.png")
      background-repeat no-repeat
      background-size 49px 56px
      background-position 51px 38px 
      margin-top 53px
      border-radius 10px 10px 0 0
    &.password
      border-top 0
      background-image url("../image/user.png")
      background-repeat no-repeat
      background-size 49px 56px
      background-position 51px 38px 
      border-radius 0 0 10px 10px 
  .success
    width 966px
    height 100px
    background-color rgba(99, 235, 255, 0.1)
    border-radius 10px 10px 10px 10px
    border solid 1px rgba(121, 253, 248, 1)
    font-size 48px
    line-height 100px
    letter-spacing 130px
    color #ffffff
    margin 0 auto
    margin-top 111px
    cursor pointer
    text-indent 374px
.m-toper
  height: 97px
  background-color #5fc0ce
  line-height 97px
  text-indent 68px
  font-size: 39px
  letter-spacing: 2px
  color #fff
  font-weight: bold 
  .name
    float: right
    margin-top 34px
    margin-right: 52px
    span 
      display: block
      font-size: 20px
      line-height: 18px
      color #fff
      &.time
        font-size 12px
  .exit
    float: right
    width 37px
    height: 38px
    background: url("../image/exit.png") no-repeat
    background-size cover
    margin-right: 68px
    margin-top 30px
.m-menu
  height: 75px
  font-size: 0
  box-shadow: 0 3px 3px #dcdfe4
  padding-left 38px
  // overflow: hidden
  a  
    display: inline-block
    width 9vw
    text-align: center
    font-size 29px
    line-height: 75px
    text-decoration: none
    color #40464b
    margin-right: 65px
    box-sizing: border-box
    &:hover
      font-weight: bold
      border-bottom 2px solid #5a6d90
    &.active
      font-weight: bold
      border-bottom 2px solid #5a6d90
  .help
    float: right
    width: 40px
    height: 38px
    background: url("../image/help.png") no-repeat
    background-size cover
    margin-top 18px
    cursor: pointer
    margin-right 70px  
.m-sub
  .name
    font-size 29px
    color #363d43
    text-indent: 59px
    margin-bottom: 15px
    background-image url('../image/icon1.png')
    background-repeat no-repeat
    background-size 23px 28px
    background-position 25px 2px
  .subtitle
    display: block
    height: 45px
    font-size 27px 
    color #363d43
    line-height: 45px
    text-indent: 91px
    cursor: pointer
    background-image url('../image/blue.png')
    background-repeat no-repeat
    background-size 15px 11px
    background-position 59px 17px
    &.active
      background-image url('../image/blue-r.png')
      background-repeat no-repeat
      background-size 11px 15px
      background-position 59px 15px
      &:hover
        color #ededed
        background-color #5fc0ce
        background-image url('../image/white-r.png')
        background-repeat no-repeat
        background-size 11px 15px
        background-position 59px 15px
    &:hover
      color #ededed
      background-color #5fc0ce
      background-image url('../image/white.png')
      background-repeat no-repeat
      background-size 15px 11px
      background-position 59px 17px
  .subbox
    margin-bottom 35px
    display: none
    a 
      display: block
      color: #4f5459
      font-size: 27px
      text-indent: 91px
      cursor: pointer
      line-height: 58px
      &:hover
        color #ededed
        background-color #5fc0ce
.m-header
  width 100%
  height 175px
.m-tabs
  height 53px
  background #f6f6f6
  font-size 0
  .tab
    display inline-block
    height 53px
    padding 0 22px
    line-height 53px
    font-size 29px
    color #363d43
    cursor pointer
    &.active
      background #fff
      color #5fc0ce
.m-meter
  font-size 0
  margin-top 20px
  margin-left 17px
  .list
    display inline-block
    width calc(33% - 25px)
    margin-right 25px
    font-size 20px
    background-color #f1f1f1
    &:nth-child(3n)
      margin-right 0
    .meter
      height 360px
    .name
      padding-left 41px
      font-size 29px
      color #363636
      font-weight bold
    .item
      font-size 0
      padding-left 41px
      line-height 1
      margin-top 18px
      &:last-child
        padding-bottom 24px 
      .title
        display inline-block
        font-size 29px
        color #363636
        font-weight bold
        width 190px
        vertical-align top
      .cont
        display inline-block
        font-size 25px
        color #363636
        &.open
          vertical-align bottom
          width 38px
          height 38px
          background url("../image/green.png") no-repeat
          background-size cover
        &.close
          vertical-align bottom
          width 38px
          height 38px
          background url("../image/close.png") no-repeat
          background-size cover
.m-msg
  margin-top 9px
  margin-bottom 17px
  font-size 0
  >div
    display inline-block
    color #474747
    font-size 20px
    line-height 25px
    padding-right 40px
    &.open
      background url("../image/open.png") no-repeat
      background-size 25px 25px
      background-position  right 0
      margin-left 26px
    &.close
      background url("../image/close.png") no-repeat
      background-size 25px 25px
      background-position  right 0
      margin-left 115px

//仓库平均
  .m-row
    float right 
    height 515px
    width calc(100% - 447px)
    // box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
    &.module3
      margin-top 20px
      background: #fff
      height: 368px
      box-shadow 0px 0px 8px 0px rgba(150, 150, 150, 0.52)
      .name
        background-image url("../image/icon3.png")
        background-repeat no-repeat
        background-position 15px 3px
        background-size 24px 22px
    .name
      font-size 29px
      color #363d43
      text-indent 65px 
      line-height 1
      background-image url("../image/icon2.png")
      background-repeat no-repeat
      background-position 15px 0
      background-size 24px 25px
      margin-top 18px
    .module1
      float left
      height 515px
      background #fff
      width calc(100% - 537px)
      box-shadow 0px 0px 8px 0px rgba(150, 150, 150, 0.52)
      .chart
        margin-top 50px
        height 400px
        border 1px solid red
        padding 20px
        box-sizing border-box
    .module2
      float right
      background #fff
      height 515px
      width 520px
      box-shadow 0px 0px 8px 0px rgba(150, 150, 150, 0.52)
      table 
        width calc(100% - 30px)
        margin-left 15px
        margin-top 21px 
        border-collapse collapse
        border 1px solid #000000
        text-align: center
        font-size: 25px
        color #363d43
        tr
          height 102px
          border-bottom: 1px solid #000
          &:last-child
            border-bottom: 0px solid #000
          td
            &:first-of-type
               border-right: 1px solid #000  

.m-houseinto
  background: #fff
  box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
  padding-top: 17px
  .name
    font-size 29px
    line-height: 34px
    color #363d43 
    text-indent: 58px
    background-image url('../image/icon4.png')
    background-repeat: no-repeat
    background-size: 33px 34px
    background-position: 17px 0
  .lists
    margin-top 30px
    padding: 0 80px
    margin-left -40px
    .list
      display: inline-block
      width: 105px
      height: 136px
      border 2px solid #898989
      text-align: center
      font-size: 29px
      color #363d43
      padding-top 27px
      line-height: 41px
      box-sizing: border-box
      margin-bottom 40px
      margin-left: 40px
      background-color #f5f5f5
      cursor: pointer
.m-callinfo
  background: #fff
  box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
  padding-top: 17px
  margin-top 17px
  .name
    font-size 29px
    line-height: 34px
    color #363d43 
    text-indent: 58px
    background-image url('../image/icon5.png')
    background-repeat: no-repeat
    background-size: 33px 34px
    background-position: 17px 0
    .share
      height: 37px
      width: 35px
      background: url("../image/icon6.png") no-repeat
      background-size 100%
      float: right
      margin-right 40px
      cursor: pointer
  .m-table
    margin-top 30px
    padding: 0 68px 40px 68px
    table
      width: 100%
      border-collapse: collapse
      tr
        th
          height: 74px
          border: 1px solid #363d43
          font-size 25px
          font-weight bold
          background: #f4f4f4
        td
          height: 85px  
          border: 1px solid #363d43 
          font-size: 25px
          color #363d43
          text-align: center
          a 
            text-decoration: none
            color #363d43
          span 
            display: block